<template>
   <div>
     <div class="my-header">
         <my-header></my-header>  
     </div>
     
     <div class="my-middle">
         <my-middle></my-middle>
     </div>    
     <!-- 清除echcrts浮动 -->
     <div class="qingfudong">
         <div class="my-echcrts">
             <myEchcrts></myEchcrts>
         </div>

         <div class="my-bingtu">
             <myBingtu></myBingtu>
         </div>
         
         <div class="my-tiaoxingtu">
             <myTiaoxingtu></myTiaoxingtu>
         </div>
      </div>
     
     <div class="my-qingqiu">
         <myQingqiu></myQingqiu>
     </div>

     <div class="my-footer">
         <my-footer></my-footer> 
     </div>     
   </div>   
</template> 

<script>
   import myHeader from './components/header'
   import myFooter from './components/footer' 
   import myMiddle from './components/middle'
   import myEchcrts from './components/myechcrts'
   import myBingtu from './components/bingtu'
   import myTiaoxingtu from './components/tiaoxingtu'
   import myQingqiu from './components/qingqiu'
   export default{
     components:{
        myHeader,
        myMiddle,
        myFooter,
        myEchcrts,
        myBingtu,
        myTiaoxingtu,
        myQingqiu
     }
   }
</script>

<style>
    .qingfudong{
       margin-bottom: 30px;
       overflow: hidden;
    }
</style>
